iT邦幫忙

2023 iThome 鐵人賽

DAY 8
0
Mobile Development

Android Studio開發系列 第 8

【DAY 8】元件應用:Button-2-Button設計樣式套用

  • 分享至 

  • xImage
  •  

今天我們承接上一篇,來看看如何套用設計好的buttonstyle至專案中,還不知道如何設計按鈕的的話可以先移步至上一篇文章進行觀看。


首先從左方檔案列的values資料夾中找到themes.xml,這裡有系統預設的主題,打開後我們看到最上面這行:

<style name="Theme.It_test" parent="Theme.MaterialComponents.DayNight.DarkActionBar">

我們把後段改成:

<style name="Theme.It_test" parent="Theme.MaterialComponents.DayNight.NoActionBar.Bridge">

這行如果不改掉的話,最後執行時會發現按鈕還是會變成預設的Button樣式。


改完後我們到layout拉出一個Button,會發現它應該已經變成白色,我們在程式碼的部分加入一行:

android:background="@drawable/buttonstyle"

因為我們的設計檔案是放在drawable資料夾中,所以是@drawable/,而@drawable/後面就接上自己設計的xml檔名。
這行屬性的目的主要是更改元件的背景,將其改成我們剛剛設計的樣式做套用。


然後我們就驚喜的發現Button已經變成我們設計的樣式了。

實際上許多元件都能透過同樣的方法實行客製化,例如將元件加上框線,將按鈕按下時更改樣式等等,或是tablayout的tab也可以透過這個方法更改不同樣式。

今天就介紹到這邊~~


上一篇
【DAY 7】元件介紹:Button-1-Button設計樣式(上)
下一篇
【DAY 9】元件介紹:Button-3-Button設計樣式(下)
系列文
Android Studio開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言